.v-content{
	background-color:#000;
}
.v-head{
	height: 46px;
	line-height: 46px;
}
.v-head .lis{
	display: inline-block;
	min-width: 88px;
	cursor: pointer;
    padding: 0 18px;
    height: 28px;
    line-height: 28px;
    background-color: #333;
    color: #999;
    font-size: 14px;
    text-align: center;
    border-radius: 15px;
    margin-left: 20px;
}
.v-head .lis.active{
	color: #00be06;
}
.v-video-io{
	position: absolute;
	right: 44px;
	top: 4px;
	color: #00be06;
	cursor: pointer;
}
.v-nav{
	position: absolute;
	right: 12px;
	top: 48px;
	z-index: 10;
	width: 360px;
	height:720px;
	/*background-color: #333;*/
	padding: 0 12px;
}
.v-nav-head{
	background-color: #333;
	color: #ccc;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
}
.v-search{
	left: inherit;
    min-width: 24px;
    color: #fff;
    position: absolute;
    right: 14px;
    top: 32px;
    padding: 5px 12px;
    margin: 0;
    border-radius: 0 4px 4px 0;
}
.nav-ul{
	height: calc(100% - 80px);
	overflow: auto;
	margin-top: 12px;
}
.video-lis{
	background-color:rgba(0,0,0,.9);
	height: 60px;
	margin: 10px 0;
	color: #ccc;
	padding:12px;
	position: relative;
}
.v-file-img{
	width: 52px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
    font-size: 42px;
    text-align: center;
    line-height: 60px;
}
.v-file-img .fa{
	cursor: pointer;
}
.v-file-info{
	height: 60px;
	padding: 10px 0;
	position: absolute;
	left: 52px;
	top: 0;
}
.video-lis .title{
	cursor: pointer;
	margin-bottom: 6px;
}
.video-lis .title:hover{
	color: #00be06;
}
.v-player-icons{
	position: absolute;
    top: 50%;
    right: -15px;
    margin-top: -16px;
    z-index: 300;
    background: #333;
    width: 16px;
    height: 28px;
    border-radius: 0 16px 16px 0;
    cursor: pointer;
}
.v-player-icons .v-icon{
	width: 14px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	color: #000;
}
.navActive .title{
	color: #00be06;
}
.v-empty-data{
	min-height: 60px;
	line-height: 60px;
	color: #ccc;
}
.iconActive{
	color: #00be06;
}